<template>
	<view class="page">
		<block v-for="(item, index) in 10" :key="index">
			<view class="job-talent-item">
				<view class="job-talent-info" @click="goToPersonalShow()">
					<view class="job-talent-info-avatar">
						<u-avatar src="/static/job/name.jpg" size="95rpx" @click="goToPersonalShow()"></u-avatar>
						<image class="job-talent-info-avatar-sex" src="/static/job/man.png"></image>
					</view>
					<view class="job-talent-info-content">
						<view class="job-talent-info-head">
							<view class="job-talent-info-title">高女士<text>（保姆/月嫂）</text></view>
							<view class="job-talent-info-time">07-30 09:34</view>
						</view>
						<view class="job-talent-info-body">
							<view class="job-talent-info-tag">
								<view class="job-talent-info-tag-item">
									<u-tag text="3-5年工作经验" bgColor="#f7d9da" color="#c8000a" size="minimal" type="warning" @click="goToPersonalShow()"></u-tag>
								</view>
								<view class="job-talent-info-tag-item">
									<u-tag text="27岁" bgColor="#f7d9da" color="#c8000a" size="minimal" type="warning" @click="goToPersonalShow()"></u-tag>
								</view>
							</view>
							<view class="job-talent-info-show job-talent-info-display">展示中</view>
						</view>
						<view class="job-talent-info-bottom">
							<view class="job-talent-info-specialty">
								<text>做过3-5年柳工</text>
								<text>会用电焊</text>
								<text>气割</text>
							</view>
							<view class=".job-talent-info-del">
								<u-icon name="/static/job/del.png" size="36rpx"></u-icon>
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<view class="job-talent-info-operation">
				<u-gap height="2" bgColor="#f5f5f5" marginTop="10rpx" marginBottom="20rpx"></u-gap>
				<view class="job-talent-info-operation-list">
					<view class="job-talent-info-operation-item">
						邀请面试
					</view>
				</view>
			</view>
			
			<u-gap height="5" bgColor="#f5f5f5" marginTop="20rpx" marginBottom="20rpx"></u-gap>
		</block>
	</view>
</template>

<script>
	export default {
		name:"TalentResume",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.job-talent-list {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.job-talent-item {
	width: 97%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 20rpx 10rpx;
}
.job-talent-info {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.job-talent-info-avatar {
	width: 93rpx;
	height: 93rpx;
	text-align: center;
	line-height: 93rpx;
}
.job-talent-info-avatar-sex {
	width: 27rpx;
	height: 27rpx;
	// z-index: 2;
	position: relative;
	left: 32rpx;
	bottom: 60rpx;
}
.job-talent-info-content {
	width: 100%;
	padding-left: 20rpx;
	display: flex;
	flex-direction: column;
}
.job-talent-info-head {
	padding: 4rpx 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.job-talent-info-title {
	width: 430rpx;
    font-size: 30rpx;
    color: #333333;
    line-height: 30rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;	
}
.job-talent-info-title>text{
    font-size: 30rpx;
    color: #999999;
    line-height: 30rpx;
    margin-left: 4rpx;
}
.job-talent-info-time {
	width: auto;
	font-size: 30rpx;
	color: #999999;
	line-height: 30rpx;
	float: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.job-talent-info-body {
	padding: 4rpx 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.job-talent-info-tag {
	display: flex;
	flex-direction: row;
}
.job-talent-info-tag-item {
	padding-right: 10rpx;
}
.job-talent-info-tag-item /deep/ .u-tag {
	height: 28rpx !important;
	line-height: 28rpx !important;
}
.job-talent-info-show {
	font-size: 26rpx;
	line-height: 26rpx;	
}
.job-talent-info-display  {
	color: #329756;
}
.job-talent-info-hide  {
	color: #c8000a;
}
.job-talent-info-toexamine  {
	color: #999999;
}
.job-talent-info-bottom {
	padding: 4rpx 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.job-talent-info-specialty {
	font-size: 24rpx;
	color: #999999;
	line-height: 26rpx;	
}
.job-talent-info-specialty>text {
    font-size: 26rpx;
    color: #999999;
    line-height: 26rpx;
    margin-right: 20rpx;
}
.job-talent-info-del {
	width: auto;
	font-size: 24rpx;
	color: #999999;
	line-height: 26rpx;
	text-align: right;
}
.job-talent-info-operation {
	display: flex;
	flex-direction: column;
	
}
.job-talent-info-operation-list {
	width: 70%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.job-talent-info-operation-item {
	width: 140rpx;
	height: 46rpx;
	margin: 0 15rpx;
	border: 1px solid #eeeeee;
	border-radius: 4rpx;
	font-size: 26rpx;
	color: #666;
	line-height: 46rpx;
	text-align: center;
}

</style>
